<%@page contentType="text/html;charset=utf-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在线拍卖系统</title>
<link href="${pageContext.request.contextPath}/css/common.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
  <%--<link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet" type="text/css" />--%>
  <%--<link href="${pageContext.request.contextPath}/css/bootstrap-table.css" rel="stylesheet" type="text/css" />--%>
  <%--<script type="text/javascript" src="js/jquery-1.12.4.js"></script>--%>
  <%--<script type="text/javascript" src="js/bootstrap.js"></script>--%>
  <%--<script type="text/javascript" src="js/bootstrap-table.js"></script>--%>
  <%--<script type="text/javascript">--%>
    <%--$(function () {--%>
        <%--$("#myTable").bootstrapTable( {--%>
            <%--//请求地址--%>
            <%--url:"selectByPage.do",--%>
            <%--//是否显示分页工具栏--%>
            <%--pagination:true,--%>
            <%--// server后台分页--%>
            <%--// client前台分页--%>
            <%--sidePagination: "server"--%>
        <%--})--%>
    <%--})--%>
  <%--</script>--%>
</head>

<body>
<div class="wrap">
<!-- main begin-->
  <div class="sale">
    <h1 class="lf">在线拍卖系统</h1>
    <div class="logout right"><a href="#" title="注销">注销</a></div>
  </div>
  <div class="forms">
    <label for="name">名称</label>
    <input name="" type="text" class="nwinput" id="name"/>
    <label for="names">描述</label>
    <input name="" type="text" id="names" class="nwinput"/>
    <label for="time">开始时间</label>
    <input name="" type="text" id="time" class="nwinput"/>
    <label for="end-time">结束时间</label>
    <input name="" type="text" id="end-time" class="nwinput" />
    <label for="price">起拍价</label>
    <input name="" type="text" id="price" class="nwinput" />
    <input name="" type="button"  value="查询" class="spbg buttombg f14  sale-buttom"/>
    <a href="${pageContext.request.contextPath}/insert.jsp"><input type="button"  value="发布" class="spbg buttombg f14  sale-buttom buttomb" /></a>
  </div>
  <div class="items">
      <ul class="rows even strong">
        <li>名称</li>
        <li class="list-wd">描述</li>
        <li>开始时间</li>
        <li>结束时间</li>
        <li>起拍价</li>
        <li class="borderno">操作</li>
      </ul>
    <%--<table id="myTable">--%>
    <c:forEach var="auction" items="${requestScope.list}" >
      <ul class="rows">
        <input type="hidden" name="auctionId" value="${auction.auctionId}">
        <li><a href="" title="">${auction.auctionName}</a></li>
        <li class="list-wd">${auction.auctionDesc}</li>
        <li>${auction.startTime}</li>
        <li>${auction.endTime}</li>
        <li>${auction.startPrice}</li>
        <li class="borderno red">
           <a href="#">竞拍</a>
		   <a href="${pageContext.request.contextPath}/selectById.do?auctionId=${auction.auctionId}" title="修改" onclick="dele();">修改</a>|
          <a href="${pageContext.request.contextPath}/delete.do?auctionId=${auction.auctionId}" title="删除" onclick="abc();">删除</a>
        </li>
      </ul>
    </c:forEach>
    <%--</table>--%>
      <div class="page">
        <a href="#" title="">首页</a>
        <a href="#" title="">上一页</a>
        <span class="red">前5页</span>
        <a href="#" title="">1</a> 
        <a href="#" title="">2</a> 
        <a href="#" title="">3</a> 
        <a href="#" title="">4</a>
        <a href="#" title="">5</a> 
        <a href="#" title="">下一页</a>
        <a href="#" title="">尾页</a> 
      </div>
  </div>
  <script>
   function abc(){
	   
	   if(confirm("你真的确认要删除吗？请确认")){
	    
		   return true;
		 }
		 else{
			 return false;
			 }
			 
	   };
	   function dele(){
		   if(confirm("你真的确认要修改吗？请确认")){
			   return true;
			   }
			   else{
				   return false;
				   }
		   }
  </script>
<!-- main end-->
</div>
</body>
</html>
